@charset "utf-8";
*{
padding:0;
margin:0;
list-style:none;
border: none;
}
body {
margin:0;
font-size:13px;
padding:0;
font-family: 微软雅黑;
background-attachment:fixed;
min-width: 1400px;
}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
a:active {
color:#000;
text-decoration:none;
}
.fl{float: left;}
.fr{float: right;}
.clearfix {
clear: both;
}
img {
max-width: 100%;
}
.slick-list:focus {
outline: none;
}
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
[dir="rtl"] .slick-prev {
left: auto;
right: 30px;
}
.slick-next {
right: 30px;
}
[dir="rtl"] .slick-next {
left: 30px;
right: auto;
}
.slick-dots {
position: absolute;
bottom: 20px;
height: auto;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
line-height: 0;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
display: block;
height: 10px;
width: 10px;
padding: 0;
margin: 0;
outline: none;
line-height: 0;
font-size: 0;
cursor: pointer;
background: #cccccc;
border-radius: 0px;
}
.banner_box {
position: relative;
min-width: 1200px;
overflow: hidden;
overflow-x: hidden;
}
.banner {
position: relative;
width: 100%;
}
.banner img {
width: 100%;
}
.banner .slick-dots {
bottom: 35px;
}
.banner .slick-dots li button {
width: 58px;
height: 3px;
background: #fff;
opacity: 0.34;
}
.banner .slick-dots li.slick-active button {
opacity: 1;
}
.list_show {
max-width: 1350px;
margin: 0 auto;
width: 95%;
}
.qcpx_topa {border-left: 7px solid #fac600;margin-top: 60px;width: 40%;}
.qcpx_topa2 {border-left: 7px solid #fac600;margin-top: 60px;margin-left: 1%;}
.qcpx_topa p ,.qcpx_topa2 p{float: left;line-height: 50px;font-size: 26px;color: #464646;font-weight: bold;letter-spacing: 3px;margin-left: 19px;}
.qcpx_topa h6,.qcpx_topa2 h6{float: left;font-size: 12px;color: #c7cbce;font-weight: bold;margin-left: 15px;line-height: 14px;text-transform: uppercase;letter-spacing: 1px;margin-top: 11px;}
.xwcb{width:100%;}
.xwcbaa{width: 46%;margin-right: 2%;margin-left:2%;border-bottom: 1px solid #e3e3e3;background-color: #fff;padding: 30px 52px 28px 20px;transition: all ease 0.3s;position: relative;max-width: 700px;}
.xwcbaa > a >img{width: 116px;height: 146px;float: right;position: absolute;top:25px;right: 10px;}
.xwcbaa h5{font-size: 16px;color: #000;line-height: 18px;}
.xwcbaa h5 img{width: 22px;display: inline-block;margin-right: 12px;position: relative;top: 2px;}
.xwcbaa h6{font-size: 14px;color: #222121;font-weight: bold;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 10px;}
.xwcbaa p{font-size: 15px;color: #6c6c6c;line-height: 22px;height: 62px;overflow: hidden;margin-top: 7px;width: 70%;}
.xwcbaa_m{margin-top: 25px;width: 62px;position: relative;height: 33px;border: 1px solid #fac600;}
.xwcbaa_m img{margin: 13px auto;transition: all ease 0.3s;padding-left: 16px;}
.xwcbaa:hover{background-color: #f5f7fa;}
.xwcbaa:hover .xwcbaa_m img{transform: translateX(-5px);}
.xwcbaa a {color: #000;}
/*底部css*/
.footline {min-width: 1380px;height: 20px;}
.footer {float: left;width: 100%;background: #eeeef0;display: inline-block;min-width: 1380px;}
.footer2 a {color: #989898;}
/*thi 新写css*/
.w {width: 1400px;margin: 0 auto;}
.com-title {padding-bottom: .6rem;
text-align: center;
margin-bottom: 50px;
}
.com-titlee{padding-bottom: .6rem;
text-align: center;
margin-bottom: 50px;
margin-top: -90px;
}
.com-titlee h3 {padding-bottom: .2rem;
color: #000;
font-size: 45px;
position: relative;
padding-top: 50px;
font-weight: normal;
}
.com-title h3 {padding-bottom: .2rem;
color: #000;
font-size: 45px;
position: relative;
padding-top: 50px;
font-weight: normal;
}
.com-titlee p {margin-top: 1.15rem;color: #999;font-size: 0.25rem;line-height: 2.2;text-transform: uppercase;font-weight: bold;}
.com-titlee h3:after {content: '';position: absolute;left: 50%;bottom: -15px;width: 30px;margin-left: -15px;border-bottom: 2px solid #0670b9;}
.com-title p {margin-top: 1.15rem;color: #999;font-size: 0.25rem;line-height: 2.2;text-transform: uppercase;font-weight: bold;}
.com-title h3:after {content: '';position: absolute;left: 50%;bottom: -15px;width: 30px;margin-left: -15px;border-bottom: 2px solid #0670b9;}
.cpz{background-color: #ffffff;height: 660px;}
.box1 {display: block;position: relative;width: 960px;}
.w .left .img0 {position: relative;overflow: hidden;}
.w img {transition: all .3s;}
.w .left .img0 .t {position: absolute;left: 0;bottom: 14px;width: 100%;color: #fff;padding: 0 2vw;}
.w .left .img0 .t a {color: #ffffff;font-size: 20px; font-weight: normal;}
.w .left .list {background: #fff;height: 280px; margin-top: -2px; float: left; width: 231px; padding: 25px 0 0 45px;}
.w .left .list2 {background: #fff;height: 240px;margin-top:0px;float: left;width: 231px;padding: 10px 0 0 45px;}
.w .main li a {padding-left: 15px;position: relative;line-height: 40px;font-weight: normal;font-size: 16px;}
.w .main li a:before,.min3 ul li a:before {content: '';position: absolute;left: 0;top: 50%;margin-top: -5px;border: 5px solid transparent;border-left-color: #666;}
.w .right {padding: 0 .07rem;}
.w .right .item {overflow: hidden;margin-bottom: .14rem;padding-left: 13px;margin-top: 13px;}
.left{float: left;}
.w .right .txt {padding: 8px 0 20px 20px;background: #fff;width: 340px;float: left;height: 280px;}
.tt {
width: 633px;
line-height: 35px;
display: block;
padding-top: 6px;
font-size: 16px;
padding-right: 25px;
height: 230px;
}
.txt h3{font-size: 20px;font-weight: normal;position: absolute;z-index: 999;left: 360px;}
.txt h3 a {font-weight: normal;color: #fff;}
.item .box .txt ul{float: left;width: 145px;}
.min1{margin-top: 12px;}
.min2{width:693px;height: 280px;background: #fff;float: left;margin-right: 12px;}
.min2 img,.min3 img{float: right;}
.min3{float: left;width: 681px;height: 280px;background: #fff;}
.min_l{float: left;}
.min2, .min3 {position: relative;}
.min2 h3, .min3 h3 {position: absolute;left: 358px;margin-top: 18px;font-size: 20px;z-index: 999;font-weight: normal;color: #fff;}
/*.cpz img:hover {transform: scale(1.1);}*/
.img00{overflow: hidden;width: 306px;height: 230px;}
.img01{height: 280px;overflow: hidden;float: right;}
.w .main li a:hover {color: #0670b9;}
.w .main li a:hover:before {border-left-color: #0670b9;}
.abu{height: 560px;margin-top: 40px;background: #f4f4f4;}
.ma{width: 1400px;margin: 0 auto;}
.ma_left{
width: 670px;
margin-right: 30px;
height: 380px;
float: left;
padding:50px 50px 50px 25px;
}
.ma_left h1{font-size: 38px;margin-bottom: 12px;font-weight: normal;}
.ma_left p{line-height: 35px;font-size: 16px;margin-top: 20px;}
.ma_right{
width: 680px;
height: 400px;
float: right;
padding: 25px;
margin-top: 30px;
}
.ma h3 {
font-size: 16px;
position: relative;
padding-bottom: 25px;
}
.ma h3:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
border-bottom: 1px solid #0670b9;
}
.ma_right .img03 {
position: relative;
z-index: 2;
}
.ma_right .img03:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #0670b9;
transform: translate(10px,15px);
z-index: -1;
}
.ma_left .more {
display: block;
line-height: 25px;
border-radius: 10px;
text-align: center;
background-color: #0670b9;
color: #fff;
position: relative;
margin-top: 2vw;
width: 116px;
height: 28px;
}
.ma_left .more i {
display: inline-block;
margin-left: 7px;
margin-right: -3px;
border: 5px solid transparent;
border-left-color: #fff;
}
.hvr-bg-move2:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 300px;
height: 300px;
margin-top: -150px;
margin-left: -150px;
border-radius: 50%;
background: #fff;
transform: scale(0);
transition: all .3s;
z-index: -1;
}
.hover-left-move:hover {
right: -4px;
}
.hover-left-move {
position: relative;
right: 0;
transition: all .3s;
}
.hvr-bg-move2:hover:after {
animation: bg_big 1s;
}
.hvr-bg-move2:hover {
box-shadow: 0 0 5px #fff inset;
}
.hvr-bg-move2 {
position: relative;
overflow: hidden;
z-index: 1;
transition: all .3s;
}
.cpsm{
font-size: 14px;
line-height: 21px;
}
/*新闻中心*/
.newss_main{padding: 0 0 55px;margin-top: -30px;}
.newss{ width:635px;}
.newss_t{ height:70px;line-height: 26px;overflow: hidden;border-bottom: #f3f3f3 2px solid;}
.newss_t p{float: left;}
.newss_t p a{font-size: 18px;color: #333;font-weight: bold;}
.newss_t p a:hover{color: #005bac;}
.newss_t p i{color: #cecece;font-size: 14px;display: block;font-weight: normal; text-transform: uppercase;}
.newss_t span{float: right;width: 25px;height: 25px;display: block;line-height: 0;padding: 23px 0 0;}
.newss_t span img{width: 25px;height: 25px;}
.newss dl{ width:550px; padding:40px 0 20px;border-bottom: #f3f3f3 1px solid; display: inline-block;margin-bottom: 15px;}
.newss dt{ width:150px; height:113px;overflow: hidden;float: left;}
.newss dt img,.about dl dt img{ width:150px; height:113px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.newss dl dt img:hover,.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.newss dd{width:370px;float: left; padding:0 0 0 20px;}
.newss dd span{display: block;font-size: 36px;color: #005bac;font-weight: bold; font-family:"Times New Roman", Times, serif;line-height: 36px;}
.newss dd h3{ height:30px; line-height:30px; overflow:hidden;font-weight: normal;}
.newss dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.newss dd h3 a:hover,.newss ul li a:hover{color: #005bac;}
.newss .newss_desc{ font-size:14px; color:#909090; height:40px; line-height:20px;overflow: hidden;width: 460px;}
.newss ul li{ height:28px; line-height:28px; overflow:hidden; background:url(../image/ico.png) no-repeat 0 7px;}
.newss ul li a{ font-size:14px; color:#333;display: block;float: left;width: 410px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px;}
.newss ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}
.main3{width: 1350px;margin: 0 auto;}
.h50{width: 100%;height: 50px;}
.min4{width: 100%;height: 700px;}
.link{width: 1360px;margin: 0 auto;color: #b9b9b7;}
.link a{color: #b9b9b7;}
/*主页改版*/
.c_main{
width: 95%;
margin: 0 auto;
max-width: 1350px;height: 820px;}
figure{position:relative; float: left; overflow: hidden; }
figcaption{position: absolute; top: 0; left:20px;color: #fff; font-family: "微软雅黑"; }
figure img{opacity: 1;}
figure figcaption,figure figcaption p,figure img{transition:all 0.35s;}
figure figcaption,figure figcaption div{transition:all 0.35s;}
figure figcaption p,figure figcaption h2{transition:all 0.35s;}
figure:hover img{transform:translate(230px,0); opacity: 0.5}
.fall p{font-size:22px;text-align: center;padding-top: 8px;padding-bottom: 5px;}
.fal p{font-size:22px;text-align: center;padding-top: 8px;padding-bottom: 5px;}
.one{background: #e4e0e021;}
/*.one figcaption{padding: 20px;}*/
.one figcaption p{color: #333; margin-top: 3px; transform:translate(-250px,0);text-align: left;line-height: 25px;}
.one:hover figcaption p{transform:translate(0,0);}
.one:hover figcaption p:nth-of-type(1){transition-delay:0.15s;}
.one:hover figcaption p:nth-of-type(2){transition-delay:0.3s;}
.one:hover figcaption p:nth-of-type(3){transition-delay:0.35s;}
.one:hover figcaption p:nth-of-type(4){transition-delay:0.4s;}
.one:hover figcaption p:nth-of-type(5){transition-delay:0.45s;}
.one:hover figcaption p:nth-of-type(6){transition-delay:0.5s;}
.one:hover figcaption p:nth-of-type(7){transition-delay:0.55s;}
.one:hover figcaption p:nth-of-type(8){transition-delay:0.6s;}
.one:hover figcaption p:nth-of-type(9){transition-delay:0.65s;}
.one:hover figcaption p:nth-of-type(10){transition-delay:0.7s;}
.one:hover figcaption p:nth-of-type(11){transition-delay:0.75s;}
.one img {width: 340px; height: 250px;}
.fal{width:288px;height:48px;margin-top:12px;background: #eeeef0; padding-left: 15px;padding-right: 15px;}
.fall{
width: 340px;
height: 140px;
margin-top: 12px;
background: #eeeef0;
padding-left: 15px;
padding-right: 15px;
}
.fat{
padding: 10px;
border: 1px solid #d2d2d3;
width: 310px;
height: 333px;
float: left;
margin-right: 20px;
margin-left:20px;
margin-bottom: 50px;
}
.jjf{width: 1400px;margin:0 auto;height: 1350px;}
.jz2{width: 1200px;margin: 0 auto;margin-left: 122px;}
.c_list{width: 350px;margin-left: 15px;height: 737px;}
.c_list h1{text-align: center;
background: #005baa;
color: #fff;
display: block;
font-size: 24px;
height: 42px;
line-height: 42px;}
.c_list h2{margin-bottom: 15px;font-size: 16px;
color: #4d4d4dc7;}
.c_list h2 a{ font-size: 16px;
color: #4d4d4dc7;}
.x_list{width:350px;height: 150px;margin-top: 24px; border-bottom: dashed 1px #c4c4c4;overflow: hidden;}
.x_list p{line-height: 33px;
/*background-image: url(../image/yjt.gif);*/
/*background-repeat: no-repeat;*/
/*background-position: left;*/
margin-left: 162px;
text-indent: 15px;}
.x_list img{width: 140px;float: left;margin-right: 10px;}
.xcc{
position: relative;
width: 306px;
height: 230px;
margin-right: 10px;
margin-bottom: 10px;margin-top: 19px;overflow: hidden;
}
.xcc span{
position: absolute;
bottom: 0;
color: #fff;
left: 0;
display: inline-block;
width: 100%;
background: rgb(255 255 255 / 44%);height: 30px;
}
.xcc span p{text-align: center; font-size: 16px;
line-height: 30px;}
.c_main img:hover {transform: scale(1.1);}
.c_main img {transition: all .3s; overflow: hidden;}
.gdd .more {
display: block;
line-height: 25px;
border-radius: 10px;
text-align: center;
background-color: #0670b9;
color: #fff;
position: relative;
margin-top: 2vw;
width: 116px;
height: 28px;
}
.gdd{width: 118px;
margin: 0 auto;}
.kefu{position:fixed;right:0px;top:40%;margin-top:-100px;z-index:100;background:#005baa;border-radius:4px 0px 0px 4px;padding:0px 5px;}
.kefu-meau{position:relative;}
.kefu-meau a.kefu-btn{width:60px;text-align:center;display:block;position:relative;padding:10px 0;border-top:#eee 1px solid;}
.kefu-meau a.kefu-btn p{color:white;font-size:12px;line-height:18px}
.kefu-meau a.kefu-btn a{color:white;display:block;padding:10px 0px}
.kefu-box{position:absolute;top:0px;right:80px;padding-right:10px;display:none;}
.kefu-box .box-border{border:1px solid #e3e3e3;border-top:2px solid #fdc401;border-radius:3px;padding:15px 25px;background:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.kefu-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../image/side_bg_arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.kefu-box .box-border .sev-t{ overflow:hidden;z-index:1000;font-size:15px;color:#555555}
.kefu-meau:hover .kefu-box{display:block}
.dsn{display:none}
@media screen and (max-width:1800px) {
.banner .slick-dots {bottom: 35px;}
}
@media screen and (max-width:1600px) {
.banner .slick-dots {bottom: 70px;}
}
@media screen and (max-width:1440px) {
.banner .slick-dots {bottom: 35px;}
}
.zmt{
margin-top: 60px;
}
.zmt h2 {
text-align: center;
font-weight: bold;
font-size: 30px;
color: #333;
margin-top: 30px;
margin-bottom: 8px;
}
.zmt p {
letter-spacing: 5px;
text-align: center;
margin-top: 15px;
}
.jjf {
width: 1300px;
margin: 30px auto;
height: 775px;
}
.jz2 {
margin: 0 auto;
margin-left: 48px;
}
.fattop {
padding: 10px;
border: 1px solid #d2d2d3;
width: 360px;
height: 430px;
float: left;
margin-bottom: 50px;
margin-right: 20px;
margin-left:20px;
}
figure figcaption, figure figcaption div {
transition: all 0.35s;
}
figcaption {
position: absolute;
top: 90px;
left: 20px;
font-family: "微软雅黑";
}
.one figcaption p {
color: #333;
margin-top: 3px;
transform: translate(-340px,0);
text-align: left;
line-height: 25px;
}
figure figcaption p, figure figcaption h2 {
transition: all 0.35s;
}
figure figcaption, figure figcaption p, figure img {
transition: all 0.35s;
}
.one img {
width: 340px;
height: 250px;
}
/*
{padding: 10px;border: 1px solid #d2d2d3;width: 310px;height: 333px;float: left;margin-right: 20px;margin-left:20px;margin-bottom: 50px;}*/